<template>
  <div class="box">
    <div class="detailed-box">
      <back @goBack="goBack"></back>
      <div class="detailed-top">
        <div class="title-left fl">
          <span class="title-icon"></span>反馈详情
        </div>
      </div>

      <div class="content">
        <div class="content-t">
          <span class="user fl">{{form.username}}</span>
          <span class="telnum fl">{{form.telnum}}</span>
          <span class="current_data fr">{{form.createtime}}</span>
          <span class="content-right" @click="lookLog()" v-if="logReport || backlogReport">查看日志</span>
          <span class="content-right" @click="toReply()" v-if="(current == 0 && currentType == '1' && !replyTextShow && global.powerAllBtn.fkgl.gryhyjhfBtn ) ||  (!logReport && (backlogReport && currentType == '1'&& global.powerAllBtn.fkgl.gryhyjhfBtn))">回复</span>
          <span class="content-right" @click="toIgnore()" v-if="(current == 0 && currentType == '1' && !replyTextShow && global.powerAllBtn.fkgl.gryhyjhlBtn) || (!logReport && (backlogReport && currentType == '1'&& global.powerAllBtn.fkgl.gryhyjhlBtn))">忽略</span>
          <span class="content-right" @click="toReport()" v-if="(current == 0 && currentType == '1' && !replyTextShow  && global.powerAllBtn.fkgl.gryhyjsbBtn) || (!logReport && (backlogReport && currentType == '1'&& global.powerAllBtn.fkgl.gryhyjsbBtn))">上报</span>

          <span class="content-right" @click="toReply()" v-if="(current == 0 && currentType == '2' && !replyTextShow && global.powerAllBtn.fkgl.qyyhyjhfBtn) || (!logReport && (backlogReport && currentType == '2'&& global.powerAllBtn.fkgl.qyyhyjhfBtn))">回复</span>
          <span class="content-right" @click="toIgnore()" v-if="(current == 0 && currentType == '2' && !replyTextShow && global.powerAllBtn.fkgl.qyyhyjhlBtn ) || (!logReport && (backlogReport && currentType == '2'&& global.powerAllBtn.fkgl.qyyhyjhlBtn))">忽略</span>
          <span class="content-right" @click="toReport()" v-if="(current == 0 && currentType == '2' && !replyTextShow  && global.powerAllBtn.fkgl.qyyhyjsbBtn) || (!logReport &&(backlogReport && currentType == '2'&& global.powerAllBtn.fkgl.qyyhyjsbBtn))">上报</span>
          <!-- <div class="data-time">
            <span class="data fr">{{form.createtime}}</span>
          </div>-->
        </div>
        <div class="content-b">
          <span>反馈内容:</span>
          {{ form.content }}
        </div>
        <div class="allImg" v-if="picture.length>0">
          <img v-for="(item,index) in picture" :key="index" :src="item" width="86px" height="86px" v-if="item" @click="isShowImg(item)">
        </div>

        <div class="reply" v-show="replyInputShow">
          <el-col :span="20" class="current_col">
            <!-- <textarea
            class="comments"
            style="height:expression((this.scrollHeight>150)?'150px':(this.scrollHeight+5)+'px');overflow:auto;"
            ></textarea>-->
            <el-input type="textarea" class="textInput" :rows="2" v-model.trim="toReplyData.content"></el-input>
          </el-col>
          <el-button type="primary" class="subBtn" @click="onSubmit" :disabled="toReplyData.content?false:true">提交</el-button>
        </div>

        <div class="text">
          <div v-show="replyTextShow" class="replyText">
            <p>
              <span>回复：{{toReplyData.content}}</span>
            </p>
            <p class="replytime">{{replytime}}</p>
            <div class="clearfloat"></div>
          </div>
        </div>
      </div>
    </div>
    <el-dialog title="反馈详情" :visible.sync="imaDialogVisible" width="30%" append-to-body custom-class="bigImg">
      <img :src="imgurl" alt width="100%" height="100%">
    </el-dialog>
    <el-dialog :visible.sync="warnDialogVisible" width="500px" @close="closeWarnDialog">
      <div class="warn-dialog-header">
        <span>上报原因</span>
      </div>
      <div class="warn-dialog-body">
        <div class="warn-dialog-body-title">发送内容</div>
        <el-input type="textarea" :rows="6" v-model.trim="reportContent"></el-input>
        <div class="warn-dialog-btn">
          <el-button style="margin-right: 30px;" @click="warnDialogVisible = false">取消</el-button>
          <el-button type="primary" @click="confirmReport">确定</el-button>
        </div>
      </div>
    </el-dialog>
    <el-dialog :visible.sync="showLog" width="1024px" custom-class="showlog">
      <showLog :reportid="reportid"></showLog>
    </el-dialog>
  </div>
</template>

<script src="./FeedbackDetails.js">
</script>

<style scoped src="./FeedbackDetails.css">
</style>

